import React from 'react';
export default class Video extends React.Component{
    constructor(props){
        super();
        if(props.fill===undefined){
            this.state={
                fill:"#5393eb"
            }
        }
        else{
            this.state={
                fill:props.fill
            }
        }
        
    }
    UNSAFE_componentWillReceiveProps(prop){
        if(prop.fill===undefined||prop.fill===""){
            this.setState(
                {
                    fill:"#5393eb"
                }
            )
        }
        else{
            this.setState(
                {
                    fill:prop.fill
                }
            )
        }
    }
    render(){
        return(
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20.571" viewBox="0 0 24 20.571">
            <defs>
            </defs>
            <path id="视频_1_" fill={this.state.fill} data-name="视频 (1)" class="cls-1" d="M19.714,18.857H4.286a.857.857,0,1,0,0,1.714H19.714a.857.857,0,1,0,0-1.714ZM22.286,0H1.714A1.714,1.714,0,0,0,0,1.714V15.429a1.714,1.714,0,0,0,1.714,1.714H22.286A1.714,1.714,0,0,0,24,15.429V1.714A1.714,1.714,0,0,0,22.286,0ZM15,9.257,9.7,11.9A.78.78,0,0,1,8.571,11.2V5.923A.78.78,0,0,1,9.7,5.229L15,7.86a.78.78,0,0,1,0,1.4Zm0,0"/>
            </svg>

            );
    }
}